
/* 去掉默认的内外编剧 */
*{
    margin: 0;
    padding: 0;
}

/* 设置头部导航栏容器 */
.top{
    height: 50px;
    /* 为了能看效果，后面要去掉的 */
    /* background-color: aqua; */

    /* 字体大小 */
    font-size: 14px;
}

/* ，组合选择器， 多个选择器的元素都会找到 */
.top_left, .top_right{
    /* 宽度为父元素的一半 */
    width: 49%;
    /* 高度占满父元素 */
    height: 100%;

    /* 行内块元素 */
    display: inline-block;

    line-height: 50px ;
}


/* 头部左侧 */


/* 头部右侧 */
.top_right{
    /* 让该元素中的文本右对齐 */
    text-align: right;
    /* background-color: rgb(99, 234, 36); */
}

/* 子代选择器 */
.top_left>a{
    margin-right: 18px;
    
    /* 去掉所有的装饰线，去掉下划线 */
    text-decoration: none;
    color:black
}

.top_right>a{
    margin-left: 18px; /* 去掉所有的装饰线，去掉下划线 */
    text-decoration: none;
    color:black
}

#login{
    color: white;
    background-color: blue;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
}